<template>
  <div>
    <el-row id="title">
      <b>报名名单</b>
    </el-row>
    <!-- 表格主体 -->
    <el-table :data="userData">
      <el-table-column label="用户头像"
                       align="center"
                       prop="image">
        <template slot-scope="td">
          <img :src="td.row.image"
               style="width:50px;height:50px" />
        </template>
      </el-table-column>
      <el-table-column label="用户名"
                       align="center"
                       prop="account"></el-table-column>
      <el-table-column label="用户邮箱"
                       align="center"
                       prop="email"></el-table-column>
    </el-table>
  </div>
</template>

<script>

export default {
  props: {
    userData: {},
  }
}
</script>

<style scoped>
#title {
  font-size: 20px;
}
</style>